<%@page contentType="text/html; charset=utf-8"%>
<%@include file="/WEB-INF/views/common/tags.jspf" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>Dark</title>
	<%@include file="/WEB-INF/views/common/header.jspf" %>
</head>

<body>

	<div id="maskContainer">
        <div class="datagrid-mask" style="display: block;"></div>
        <div class="datagrid-mask-msg" style="display: block; left: 50%; margin-left: -52.5px;">正在加载...</div>
    </div>
	
	<div id="dropdown-userinfo" class="dropdown-div">
		<ul class="dropdown-ul-userinfo">
			<li class="border-bottom">
				<a href="javascript:void(0);" onclick="$.dark.myinfo();">
					<div class='icon-div'><i class='fa fa-user fa-120 pt-8'></i></div> 个人信息
				</a>
			</li>
			<li class="border-bottom">
				<a href="javascript:void(0);" onclick="$.dark.modifyMyPwd();">
					<div class='icon-div'><i class='fa fa-cog fa-120 pt-8'></i></div> 修改密码
				</a>
			</li>
			<li style="height: 40px;line-height: 40px;">
				<a href="javascript:void(0);" onclick="$.dark.logout();">
					<div class='icon-div'><i class='fa fa-power-off fa-120' style="margin-top: 13px;"></i></div> 退出
				</a>
			</li>
		</ul>
	</div>
	
    <div id="mainLayout" class="easyui-layout" data-options="fit: true">

        <div id="northPanel" data-options="region: 'north', border: false" style="height: 45px;">
        	
            <div id="topbar" class="top-bar">
            	
                <div class="top-bar-left">
                    <h1>Dark Coalition</h1>
                </div>
                <div class="top-bar-right">
                	<ul class="top-nav-bar">
                		<li class="gray">
                			<a>
                				<i class="fa fa-tasks dark-icon"></i>
                				<span class="badge badge-grey">5</span>
                			</a>
                		</li>
                		<li class="purple">
                			<a>
                				<i class="fa fa-bell dark-icon"></i>
                				<span class="badge badge-important">5</span>
                			</a>
                		</li>
                		<li class="green">
                			<a>
                				<i class="fa fa-envelope dark-icon"></i>
                				<span class="badge badge-success">8</span>
                			</a>
                		</li>
                		<li class="blue">
                			<a id="user-info">
                				<img alt="Jason's Photo" src="/dark/static/images/avatars/avatar5.png" class="nav-user-photo" />
                				<span class="user-info">
									<small>欢迎您,</small>${currentUser.user.truename}
								</span>
								<i class="ace-icon fa fa-caret-down"></i>
                			</a>
                		</li>
                		<li class="">
                			<a class="up" id="btnHideNorth">
                				<i class="fa fa-angle-double-up"></i>
                			</a>
                		</li>
                	</ul>
                </div>
            </div>
            
            <div id="toolbar" class="panel-header panel-header-noborder top-toolbar"style="display: none;">
                <div id="infobar">
                    <span class="icon-hamburg-user" style="padding-left: 25px; background-position: left center;">用户账户信息</span>
                </div>
                <div id="buttonbar">
                    <a id="btnFullScreen" class="easyui-linkbutton" data-options="plain: true, iconCls: 'icon-standard-arrow-inout'">全屏切换</a>
                    <a id="btnExit" class="easyui-linkbutton" data-options="plain: true, iconCls: 'icon-hamburg-sign-out'">退出系统</a>
                    <a id="btnShowNorth" class="easyui-linkbutton" data-options="plain: true, iconCls: 'layout-button-down'"></a>
                </div>
            </div>
           
        </div>

        <div data-options="region: 'west', split: true, minWidth: 250, maxWidth: 500" style="width: 250px; padding: 1px;">
        
            <div id="westLayout" class="easyui-layout" data-options="fit: true">
                <div data-options="region: 'center', border: false" style="border-bottom-width: 1px;">
                    <div id="westCenterLayout" class="easyui-layout" data-options="fit: true">
                        
                        <div data-options="region: 'north', split: false, border: false" style="height: 33px;">
                        	<div class="min-tooolbar" style="display:none;">
                        		<div class="func-bar-left">
                        			
                        			<div class='icon-div'><i id="navMenu_collapseAll" class='fa fa-arrows-alt fa-170' style="margin-top: 6px;cursor: pointer;"></i></div>
                        			<div class='icon-div'><i id="navMenu_expandAll" class='fa fa-arrows fa-170' style="margin-top: 6px;cursor: pointer;"></i></div>
                        		
                        		</div>
                                <a id="btnHideWest" class="easyui-linkbutton" data-options="plain: true, iconCls: 'layout-button-left'"></a>
                        	</div>
                        </div>
                        
                        <div data-options="region: 'center', border: false">
                            <ul id="navMenu_Tree" style="padding-top: 2px; padding-bottom: 2px;"></ul>
                        </div>
                    </div>
                </div>
                <div id="westSouthPanel" data-options="region: 'south', border: false, split: true, minHeight: 32, maxHeight: 275" style="height: 275px; border-top-width: 1px;">
                    <ul id="navMenu_list"></ul>
                </div>
            </div>
            
        </div>

        <div data-options="region: 'center'" style="padding: 1px;">
            <div id="mainTabs_tools" class="tabs-tool">
                <table>
                    <tr>
                        <td><a id="mainTabs_jumpHome" class="easyui-linkbutton easyui-tooltip" title="跳转至主页选项卡" data-options="plain: true, iconCls: 'icon-hamburg-home'"></a></td>
                        <td><div class="datagrid-btn-separator"></div></td>
                        <td><a id="mainTabs_toggleAll" class="easyui-linkbutton easyui-tooltip" title="展开/折叠面板使选项卡最大化" data-options="plain: true, iconCls: 'icon-standard-arrow-inout'"></a></td>
                        <td><div class="datagrid-btn-separator"></div></td>
                        <td><a id="mainTabs_jumpTab" class="easyui-linkbutton easyui-tooltip" title="在新页面中打开该选项卡" data-options="plain: true, iconCls: 'icon-standard-shape-move-forwards'"></a></td>
                        <td><div class="datagrid-btn-separator"></div></td>
                        <td><a id="mainTabs_closeTab" class="easyui-linkbutton easyui-tooltip" title="关闭当前选中的选项卡" data-options="plain: true, iconCls: 'icon-standard-application-form-delete'"></a></td>
                        <td><a id="mainTabs_closeOther" class="easyui-linkbutton easyui-tooltip" title="关闭除当前选中外的其他所有选项卡" data-options="plain: true, iconCls: 'icon-standard-cancel'"></a></td>
                        <td><div class="datagrid-btn-separator"></div></td>
                        <td><a id="mainTabs_closeLeft" class="easyui-linkbutton easyui-tooltip" title="关闭左侧所有选项卡" data-options="plain: true, iconCls: 'icon-standard-tab-close-left'"></a></td>
                        <td><a id="mainTabs_closeRight" class="easyui-linkbutton easyui-tooltip" title="关闭右侧所有选项卡" data-options="plain: true, iconCls: 'icon-standard-tab-close-right'"></a></td>
                        <td><div class="datagrid-btn-separator"></div></td>
                        <td><a id="mainTabs_closeAll" class="easyui-linkbutton easyui-tooltip" title="关闭所有选项卡" data-options="plain: true, iconCls: 'icon-standard-cross'"></a></td>
                    </tr>
                </table>
            </div>
            <div id="mainTabs" class="easyui-tabs" data-options="fit: true, border: true, showOption: true, enableNewTabMenu: true, tools: '#mainTabs_tools', enableJumpTabMenu: true, onSelect: function (title, index) { window.mainpage.mainTabs.updateHash(index); }">
                <div id="homePanel" data-options="title: '主页', iconCls: 'icon-hamburg-home'">
                    <div class="easyui-layout" data-options="fit: true">
                        <div data-options="region: 'center', border: false" style="overflow: hidden;">
                        	
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div data-options="region: 'east', split: false, minWidth: 200, maxWidth: 500" style="width: 220px;">
            <div id="eastLayout" class="easyui-layout" data-options="fit: true">
                <div data-options="region: 'north', split: false, border: false" style="height: 260px;">
                	<div class="min-tooolbar" style="display:none;">
                		<div class="func-bar-right">
							
                		</div>
	                    <a id="btnHideEast" class="easyui-linkbutton" data-options="plain: true, iconCls: 'layout-button-right'"></a>
	               	</div>
                    <div class="easyui-calendar" data-options="fit: true, border: false"></div>
                </div>
                
                <div id="onlinePanel" title="<div class='icon-div'><i class='fa fa-link fa-120 pt-2 fa-c-blue'></i></div> 在线用户 " data-options="region: 'center', border: false, tools: [{ iconCls: 'icon-hamburg-refresh', handler: function () { window.link.reload(); } }]">
                </div>
            </div>
        </div>

       <div data-options="region: 'south', title: '关于...', iconCls: 'icon-standard-information', collapsed: true, border: false" style="height: 70px;">
            <div style="color: #4e5766; padding: 6px 0px 0px 0px; margin: 0px auto; text-align: center; font-size:12px; font-family:微软雅黑;">
                @2014-2015 Copyright:Dark.&nbsp;&nbsp;|&nbsp;&nbsp;
                <a href="javascript:void(0);" target="_blank" style="text-decoration: none;">Version 2.2</a><br />
				建议使用&nbsp;
                <a href="http://windows.microsoft.com/zh-CN/internet-explorer/products/ie/home" target="_blank" style="text-decoration: none;">IE(Version 10/11)</a>/
                <a href="https://www.google.com/intl/zh-CN/chrome/browser/" target="_blank" style="text-decoration: none;">Chrome</a>/
                <a href="http://firefox.com.cn/download/" target="_blank" style="text-decoration: none;">Firefox</a>
				&nbsp;系列浏览器。
            </div>
        </div>

    </div>
	


	
	<%@include file="/WEB-INF/views/common/script.jspf" %>
	
    <!--导入首页启动时需要的相应资源文件(首页相应功能的 js 库、css样式以及渲染首页界面的 js 文件)-->
    <script src="/dark/static/admin/common/index.js" type="text/javascript"></script>
    <script src="/dark/static/admin/common/index-startup.js"></script>
    
    <script>
    $(function() {
    	$("#user-info").click(function(){
   			$("#user-info").tp("#dropdown-userinfo");
    	});
    });
    </script>
</body>
</html>

